// 1.引入基础模块
import Vue from "vue"
import Vuex from "vuex"

// 2.注册使用vuex插件
Vue.use(Vuex)

// 3.配置出口实例并导出
export default new Vuex.Store({
    // 3.1state  
    state: {
        cart: []//[{},{},{},{}]
    },
    // 3.2getters 缓存机制
    getters: {
        cartList(state) {
            return state.cart
        }
    },
    // 3.3mutations  
    mutations: {
        // newV:[]  已经在页面组件添加完毕购物车数据
        editCart(state, newV) {
            state.cart = newV
        }
    },
    // 3.4actions
    actions: {
        addCart(content, newV) {
            content.commit('editCart', newV)
        }
    }

})